@import url("57b0b37e11b84c46986a56f8f1b87d77.css");
.clear:after,.clear:before {
content:' ';
display:table
}
.clear {
*zoom:1
}
.clear:after {
clear:both
}
.pull-left {
float:left
}
.pull-right {
float:right
}
.space10 {
margin-bottom:10px
}

audio,iframe,object,video {
max-width:100%
}
body {

}


.main {
width:100%
}
.footer--wrapper,.main--wrapper {
max-width:1240px;
padding:0 20px;
margin:20px auto
}
.main--title {
font-size:35px;
font-weight:bold;
text-transform:uppercase;
color:#323232;
}
@media (max-width:750px) {
.main--title {
font-size:30px
}
}@media (max-width:500px) {
.main--title {
font-size:25px;
width:100%;
display:block;
}
}@media (max-width:400px) {
.main--title {
font-size:20px
}
}@media (max-width:500px) {
.main .pull-right {
float:left;
margin:0px 0
}
}.main--products-list {
margin-bottom:50px
}
.main--product {
width:calc(32.5% - 30px);
padding:20px 30px 10px 30px;
color:#100d0d;
margin-right:5%;
margin-top:20px;
text-align:center;
font-size:14px;
float:left;
text-decoration:none
}
@media (max-width:750px) {
.main--product {
float:left;
width:100%;
margin-right:0
}
}.main--product:nth-child(3n+3) {
margin-right:0
}
.main--product:nth-child(3n+4) {
clear:left
}
@media (max-width:400px) {
.main--product img {
width:80%
}
}.main--product:hover {
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.15);
-moz-box-shadow:0 0 6px rgba(0,0,0,0.15);
box-shadow:0 0 6px rgba(0,0,0,0.15);
-webkit-transform:translateY(-8px);
-moz-transform:translateY(-8px);
-ms-transform:translateY(-8px);
-o-transform:translateY(-8px);
transform:translateY(-8px);
text-decoration:none
}
.main--product-title,.main--video-title {
font-size:18px;
font-weight:400;
text-transform:uppercase;
margin:10px 0;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.main--hero {
background:url(../images/hero2.jpg) top center no-repeat;
background-size:cover;
height:399px;
width:100%
}
@media (max-width:750px) {
.main--hero {
height:300px
}
}.main--hero-title {
padding-top:180px;
font-size:70px;
max-width:1100px
}
@media (max-width:992px) {
.main--hero-title {
font-size:50px
}
}@media (max-width:750px) {
.main--hero-title {
font-size:40px
}
}@media (max-width:500px) {
.main--hero-title {
padding-top:140px
}
}@media (max-width:400px) {
.main--hero-title {
padding-top:120px;
font-size:34px
}
}.main--news-card {
width:47.5%;
margin-right:5%;
margin-top:10px;
float:left
}
.main--news-card:nth-child(2n) {
margin-right:0px
}
@media (max-width:750px) {
.main--news-card {
width:100%;
margin-right:0
}
}.main--news-title {
font-size:25px;
font-weight:bold;
margin-bottom:0;
line-height:1.4em
}
.main--news-date {
font-size:14px;
color:#807c7c
}
.main--news-button {
font-weight:400;
padding:10px 35px
}
.main--video {
background: #fff;
padding: 50px 105px;
margin-top:50px;
}
.main--video-wrapper {
position:relative
}
.main--video-play {
position:absolute;
top:calc(50% - 30px);
left:calc(50% - 30px);
cursor:pointer;
}
.main--video-play img {
height:100%;
}
.main--video .videoContainer {
width:100%;
text-align:center
}
@media (max-width:500px) {
.main--video .videoContainer {
width:100%;
float:none
}
}

.main--video .videoContainer:hover {
opacity:0.8;

}
.main a.buyNowBtn {
position:fixed;
bottom:20px;
right:20px;
background:#ff1f31;
color:#fff;
text-transform:uppercase;
font-weight:700;
z-index:999;
display:block;
padding:10px 20px
}
.main a.buyNowBtn:hover {
text-decoration:none;
background:#b8000f
}
.support--item {
border:1px #8f8f8f solid;
width:47.5%;
margin-right:5%;
margin-top:40px;
padding:20px;
float:left
}
@media (max-width:750px) {
.support--item {
width:100%
}
}.support--item:nth-child(2n+2) {
margin-right:0px
}
.support--thumb {
width:42%;
margin-right:3%;
float:left
}
.support--content {
width:55%;
float:left
}
.support--title {
font-size:18px;
font-weight:400
}
.support--list {
margin-left:30px;
font-size:14px;
margin-bottom:10px;
color:#ff1f31
}
@media (max-width:750px) {
.support--list {
margin:0
}
}.support--list a {
text-decoration:none
}
.support--list a:hover {
text-decoration:underline
}
.contact {
margin-top:30px
}
.contact--form {
width:50%;
margin-right:10%;
float:left
}
@media (max-width:992px) {
.contact--form {
width:60%;
margin-right:0
}
}@media (max-width:750px) {
.contact--form {
width:100%;
margin-right:0;
float:none
}
}.contact--details {
background:#f5f5f5;
width:calc(40% - 60px);
margin-top:20px;
padding:30px;
float:right
}
@media (max-width:750px) {
.contact--details {
width:100%;
float:none
}
}.contact--details-title,.dealer--item-title {
text-transform:uppercase;
font-weight:300;
font-style:normal;
letter-spacing:3px;
font-size:22px
}
.dealer {
margin-top:40px
}
.dealer a:active,.dealer a:focus,.dealer a:hover {
text-decoration:none
}
.dealer--content {
float:right;
width:60%
}
.dealer--item {
background:#ff1f31;
color:#fff;
width:30%;
float:left;
margin-right:5%;
margin-bottom:20px;
padding:10px 20px;
font-size:26px;
display:block
}
.dealer--item:hover {
background:#b8000f;
cursor:pointer
}
.dealer--item-title {
display:inline-block;
letter-spacing:1.5px;
font-size:22px;
margin:0 0 0 10px
}
.dealer--address {
display:none;
background:#f5f5f5;
padding:20px
}
.dealer select {
margin-bottom:20px;
border:1px solid #100d0d;
padding:10px;
width:200px
}
.removeMargin {
margin-right:0
}
#contentOnDisplay {
padding:20px;
margin-bottom:20px;
width:100%;
float:left;
background:red;
display:block;
background:#F5F5F5;
-webkit-animation-name:dealerAnim
}
@-webkit-keyframes dealerAnim {
0% {
opacity:0;
-webkit-transform:scale3d(0,0,1)
}
to {
opacity:1;
-webkit-transform:scale3d(1,1,1)
}
}.news-art p {
margin-bottom:15px
}
.news-art img {
width:48%
}
.news-art img.left {
margin:20px 2% 20px 0;
float:left
}
.news-art img.right {
margin:20px 0px 20px 2%;
float:right
}
.news a:hover.news--item {
text-decoration:none
}
.news--item {
width:30%;
color:#100d0d;
margin:20px 5% 40px 0;
font-size:14px;
float:left;
text-decoration:none;
-webkit-box-shadow:0 0 6px rgba(0,0,0,0.15);
-moz-box-shadow:0 0 6px rgba(0,0,0,0.15);
box-shadow:0 0 6px rgba(0,0,0,0.15);
position:relative
}
.news--item:nth-child(3n) {
margin-right:0
}
.news--item:nth-child(3n+1) {
clear:both
}
@media (max-width:750px) {
.news--item {
width:45%
}
.news--item:nth-child(2n) {
margin-right:0
}
}@media (max-width:750px) {
.news--item {
width:100%;
margin:10px 0 30px 0
}
}.news--item-title {
font-size:20px;
font-weight:400;
margin:10px 0
}
.news--item-content {
padding:0 20px 20px 28px
}
.news--item .is-active {
position:absolute;
top:0;
lefT:0;
width:100%;
height:100%;
background:#ff1f31;
background:rgba(255,31,49,0.75);
display:none
}
.about--image {
float:left;
margin:15px 20px 15px 0;
max-width:308px
}
.about--hero {
margin-top:20px;
width:100%;
height:420px;
padding-top:60px;
background:url("../images/about-hero.jpg") 50% 10% no-repeat
}
@media (max-width:750px) {
.about--hero {
height:auto;
padding:30px 0
}
}.about--hero-wrapper {
max-width:1160px;
padding:0 20px;
margin:20px auto
}
.about--hero-card {
float:left;
width:30%;
padding:50px 20px;
margin-right:5%;
background:#ff1f31;
background:rgba(255,31,49,0.75);
text-align:center;
color:#fff
}
@media (max-width:750px) {
.about--hero-card {
width:100%;
margin:0 0 20px 0
}
}@media (max-width:750px) {
.about--hero-card {
padding:30px 20px
}
}.about--hero-card:nth-child(3n) {
margin:0
}
.about--hero-title {
font-size:26px;
font-weight:300;
text-transform:uppercase;
color:#fff
}
.about--hero-social {
font-size:30px;
color:#fff;
margin-top:34px
}
.about--hero-social a {
color:#fff;
margin:0px 10px;
display:inline-block
}
.about--hero-social a:hover {
text-decoration:none;
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
.forum {
margin:30px 0 0px 0
}
.forum--card {
background:#fff;
overflow:hidden;
position:relative;
min-height:400px;
margin-bottom:40px;
border-bottom:10px solid #9f000d
}
.forum--portrait {
height:99999px;
width:20%;
background:#ff1f31;
position:absolute;
top:0px;
left:0
}
.forum--portrait .img-container {
padding:30px;
background:#d20011
}
.forum--portrait-date,.forum--portrait-details {
background:#ff1f31;
padding:15px 30px;
color:#fff;
font-size:14px
}
.forum--portrait-date {
background:#d20011
}
.forum--portrait-name {
font-size:18px;
font-weight:400
}
.forum--content {
width:100%;
padding:30px 30px 30px 23%;
min-height:400px
}
.forum--content-featured {
background:#f2efef
}
.forum--hero {
height:60px
}
.forum--table {
width:100%
}
.forum--table td {
padding-top:12px;
padding-bottom:12px
}
.forum--table tr {
border-bottom:1px solid #313030;
border-left:1px solid #313030;
border-right:1px solid #313030
}
.forum--table-head {
background:#313030;
color:#fff
}
.forum--table-title {
width:50%;
padding:12px 20px
}
.forum--table-activity,.forum--table-posted,.forum--table-replys,.forum--table-users {
text-align:center;
font-weight:300
}
.success--message {
display:none
}
.warranty .l-button {
border:0;
margin:0
}
.warranty input[type=checkbox] {
width:auto;
margin-top:26px;
float:left;
margin-right:10px
}
.warranty .error {
background:orange;
color:#fff;
font-size:18px;
padding:10px;
margin-bottom:20px;
display:none
}
.hero--product {
height:480px;
padding-top:70px
}
@media (max-width:992px) {
.hero--product {
height:400px;
background-size:contain!important;
background-position:bottom center!important
}
}@media (max-width:500px) {
.hero--product {
height:300px
}
}.hero--product--content {
max-width:1160px;
height:100%;
margin:0px auto 0 auto;
padding:0 20px 0 20px;
text-align:left;
background-size:contain!important;
background-position:bottom center!important
}
@media (max-width:992px) {
.hero--product--content {
width:100%;
background-size:contain!important;
background-position:bottom center!important
}
}.hero--product--title {
font-weight:700;
font-size:60px;
color:#100d0d;
padding-top:10px
}
@media (max-width:992px) {
.hero--product--title {
font-size:50px
}
}@media (max-width:500px) {
.hero--product--title {
font-size:40px
}
}.product-content {
max-width:1160px;
padding:0px 20px;
margin:0px auto
}
.product--title {
font-weight:700;
font-size:40px
}
.product--menu {
width:100%;
background:#ff1f31;
text-transform:uppercase
}
.product--menu li {
list-style:none;
display:inline-block;
margin-right:20px;
font-weight:700
}
.product--menu li a {
padding:20px 0;
display:block;
color:#fff;
position:relative
}
.product--menu li a:after {
position:absolute;
bottom:0;
display:block;
width:0%;
height:5px;
content:'';
background:#fff
}
.product--menu li a:hover {
text-decoration:none
}
.product--menu li a:hover:after {
width:100%
}
.product--menu li a:focus {
text-decoration:none
}
.product--menu li a.selected:after {
position:absolute;
bottom:0;
display:block;
width:100%;
height:5px;
content:'';
background:#fff
}
.product--black {
background:#100d0d
}
.product--heroFixed {
width:100%;
height:360px;
margin-top:40px
}
.product--container50,.product--spec50 {
width:50%;
padding:12% 0;
margin:30px 0
}
@media (max-width:750px) {
.product--container50,.product--spec50 {
width:100%;
padding:0;
margin:0 0 30px 0
}
}.padding50.product--spec50,.product--container50.padding50 {
padding:50px 0
}
.product--container50img {
width:50%;
text-align:center;
margin:30px 0
}
@media (max-width:750px) {
.product--container50img {
width:100%
}
}.product--container50img img.full {
max-width:95%
}
.product--spec50 {
padding:20px 0;
float:left;
color:#fff
}
@media (max-width:992px) {
.product--spec50 {
width:100%
}
}.product--details {
float:left;
width:100%;
background-color:#ff1f31;
font-size:18px
}
.product--details-title {
width:35%;
float:left;
padding:10px 20px
}
.product--details-descrip {
float:right;
padding:10px 20px;
background-color:#100d0d;
font-size:18px;
width:65%
}
.product--video {
width:100%;
height:280px;
cursor:pointer
}
.product--video:hover {
opacity:0.8
}
.footer {
width:100%;
background:#100d0d;
margin-top:80px;
padding:30px 0 30px 0;
position:relative
}
.footer .subscribeFoot {
text-align:left;
color:#fff;
font-size:14px;
color:#666
}
.footer .subscribeFoot h3 {
color:#fff;
font-size:20px
}
.footer .subscribeFoot input {
width:100%;
color:#100d0d
}
.footer .subscribeFoot button.l-button {
display:inline-block;
border:none;
padding:12px 25px
}
.footer .subscribeFoot .error {
background:#ff1f31;
width:100%;
margin:5px auto;
color:#fff;
padding:5px;
display:none
}
.footer .subscribeFoot .thanks {
color:#fff
}
.footer--backToTop {
position:absolute;
top:-60px;
left:0;
right:0;
text-align:center;
color:#ff1f31;
font-size:30px
}
.footer--backToTop a {
line-height:30px;
color:#ff1f31;
font-size:30px
}
.footer--backToTop a:hover {
line-height:50px;
color:#b8000f;
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px);
text-decoration:none
}
.footer--wrapper {
margin:0 auto;
color:#fff
}
.footer--section {
width:33%;
float:left
}
@media (max-width:500px) {
.footer--section {
margin-bottom:15px;
width:100%
}
}.footer--social {
padding-top:20px
}
@media (max-width:992px) {
.footer--social {
padding-top:0
}
}.footer--social a {
margin:10px;
font-size:34px
}
@media (max-width:500px) {
.footer--social a {
font-size:28px
}
}.footer--social a:hover {
color:#ff1f31;
-webkit-transform:translateY(-10%);
-ms-transform:translateY(-10%);
transform:translateY(-10%);
text-decoration:none
}
footer a {
position:relative;
display:inline-block;
outline:none;
color:#fff;
text-decoration:none;
font-weight:400;
text-shadow:0 0 1px rgba(255,255,255,0.3);
font-size:16px
}
footer a:focus,footer a:hover {
outline:none
}
.buttonSwap a {
overflow:hidden;
padding:0 10px 0 0;
height:25px
}
.buttonSwap a span {
position:relative;
display:inline-block;
-webkit-transition:-webkit-transform 0.3s;
-moz-transition:-moz-transform 0.3s;
transition:-webkit-transform 0.3s;
-o-transition:transform 0.3s;
transition:transform 0.3s;
transition:transform 0.3s,-webkit-transform 0.3s
}
.buttonSwap a span:before {
position:absolute;
top:100%;
content:attr(data-hover);
font-weight:700;
color:#ff1f31;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.buttonSwap a:focus span,.buttonSwap a:hover span {
-webkit-transform:translateY(-100%);
-moz-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%)
}
.is-selected {
background:#b8000f
}
.parState1 {
opacity:0;
-webkit-transform:translate(-100px);
-ms-transform:translate(-100px);
transform:translate(-100px)
}
.parState2 {
opacity:0;
-webkit-transform:translate(0,150px);
-ms-transform:translate(0,150px);
transform:translate(0,150px)
}
.parState3 {
opacity:0;
-webkit-transform:translate(50px,50px);
-ms-transform:translate(50px,50px);
transform:translate(50px,50px)
}
.is-showing {
opacity:1;
-webkit-transform:translate(0px);
-ms-transform:translate(0px);
transform:translate(0px)
}
.backend main {
text-align:center;
padding:20px;
min-height:800px
}
.backend .loginPanel {
width:350px;
background:#f2f2f2;
border:1px solid #e0e0e0;
padding:0 20px 20px 20px;
margin:80px auto 60px auto;
text-align:left
}
.backend .loginPanel input {
width:100%
}
.backend .loginPanel input:hover {
border-color:#000
}
.backend .loginPanel .l-button {
border:0;
margin-bottom:0;
float:right
}
.backend .loginPanel .recover {
padding-top:28px
}
.backend menu {
text-align:left;
max-width:1600px;
margin:20px auto 40px auto;
background:#e8182e;
padding:13px 20px;
font-weight:700
}
.backend menu li {
list-style:none;
display:inline-block
}
.backend menu li a {
color:#fff;
padding:10px 15px
}
.backend menu li a:hover {
text-decoration:none;
background:#100d0d
}
.backend .warList {
max-width:1600px;
margin:0 auto;
text-align:left
}
.backend .warList h2 {
font-size:20px;
text-transform:uppercase
}
.backend .warList .buttons {
float:right;
text-align:right;
width:300px;
position:relative
}
.backend .warList .button {
background:#e8182e;
border-radius:3px;
display:inline-block;
color:#fff;
padding:10px 15px 10px 15px;
cursor:pointer;
margin-left:10px
}
.backend .warList .button img {
vertical-align:middle;
margin-right:10px
}
.backend .warList table {
width:100%;
display:table;
margin-top:10px
}
.backend .warList table tr:nth-child(2n-1) {
background:#f5f5f5
}
.backend .warList table tr.name {
background:#e7e7e7;
font-weight:700
}
.backend .warList table td {
padding:10px;
position:relative
}
.backend .warList table .delete {
line-height:0;
background:#1d1d1d;
padding:10px 0 10px 10px;
cursor:pointer
}
.backend .warList table .delete img {
width:10px
}
.backend .warList table tr:hover {
background:#d9d9d9
}
.backend .warList table tr:hover .delete {
background:#e8182e
}
form#search {
display:none;
position:absolute;
top:45px;
right:0;
width:300px;
background:#eee;
z-index:99;
text-align:center;
padding:20px 0
}
form#search input {
display:inline-block;
font-size:14px;
margin-bottom:10px
}
form#search .l-button {
border:0;
margin:0
}
.global,.globalSucc {
background:red;
font-weight:700;
padding:10px;
color:#fff;
margin-bottom:20px
}
.globalSucc {
top:0;
left:0;
position:fixed;
width:100%;
background:green;
animation:globalMessage 0.5s 1;
-webkit-animation:globalMessage 0.5s 1;
animation-fill-mode:forwards;
-webkit-animation-fill-mode:forwards;
animation-delay:2s;
-webkit-animation-delay:2s
}
@keyframes globalMessage {
0% {
}to {
opacity:0;
height:0;
padding:0
}
}@-webkit-keyframes globalMessage {
0% {
}to {
opacity:0;
height:0;
padding:0
}
}@media print {
*{background:transparent!important;
color:#000!important;
-webkit-box-shadow:none!important;
box-shadow:none!important;
text-shadow:none!important
}
a,a:visited {
text-decoration:underline
}
a[href]:after {
content:" (" attr(href) ")"
}
abbr[title]:after {
content:" (" attr(title) ")"
}
.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after {
content:""
}
blockquote,pre {
border:1px solid #999;
page-break-inside:avoid
}
thead {
display:table-header-group
}
img,tr {
page-break-inside:avoid
}
img {
max-width:100%!important
}
@page {
margin:0.5cm
}
h2,h3,p {
orphans:3;
widows:3
}
h2,h3 {
page-break-after:avoid
}
}.loader,.loader:after,.loader:before {
background:#FF1F31;
-webkit-animation:load1 1s infinite ease-in-out;
animation:load1 1s infinite ease-in-out;
width:1em;
height:4em
}
.loader:after,.loader:before {
position:absolute;
top:0;
content:''
}
.loader:before {
left:-1.5em;
-webkit-animation-delay:-0.32s;
animation-delay:-0.32s
}
.loader {
text-indent:-9999em;
position:absolute;
top:50%;
left:50%;
font-size:11px;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0);
-webkit-animation-delay:-0.16s;
animation-delay:-0.16s
}
.loader:after {
left:1.5em
}
@-webkit-keyframes load1 {
0%,80%,to {
-webkit-box-shadow:0 0 #FF1F31;
box-shadow:0 0 #FF1F31;
height:4em
}
40% {
-webkit-box-shadow:0 -2em #FF1F31;
box-shadow:0 -2em #FF1F31;
height:5em
}
}@keyframes load1 {
0%,80%,to {
-webkit-box-shadow:0 0 #FF1F31;
box-shadow:0 0 #FF1F31;
height:4em
}
40% {
-webkit-box-shadow:0 -2em #FF1F31;
box-shadow:0 -2em #FF1F31;
height:5em
}
}